<div id="content_header">
  <h3>Day Classification</h3>
</div>

<div class="row row-unstyled">
  <div class="col-md-12">
    <label for="keyword">SEARCH</label>  
  </div>
</div>

<div class="row">
  <div class="col-md-6 col-lg-4">
    <form action="#" class="form-vertical">
      <div class="input-group">
        <input class="form-control" type="text" name="keyword" placeholder="Type Name to search" ng-model="searchText.TimeClassLabel">
        <span class="input-group-addon">Find!</span>
      </div>
    </form>
  </div>
  <div class="col-md-6 col-lg-4">
    <a ui-sref="^.new" class="btn btn-primary">Register a Day Classification</a>
  </div>
</div>

<br/>

<div class="row">
  <div class="col-md-12">
    <label>RESULTS</label>
    <div class="search-message">
      Found <span class="primary-color"><b>{{ dayClasses.length | filter:searchText }}</b></span> matched records
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    <table class="table table-stripped table-bordered" ng-show="dayClasses.length > 0">
      <thead>
        <tr>
          <!-- <th>Day Classification Label</th> -->
          <th>Day Range</th>
          <th>Course Type</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="dayClass in dayClasses | filter:searchText">
          <!-- <td>{{ dayClass.DayClassLabel }}</td> -->
          <!-- <td>
            <span ng-repeat="day in dayClass.DayRange">
              <span class="label label-primary">{{ days[day].label }}</span>
            </span>
          </td> -->
          <td>{{ dayClass.DayRange }}</td>
          <td>{{ dayClass.CourseType.Name }}</td>
          <td>
            <a href="" ng-click="deleteDayClass(dayClass.Id)"><i class="simple-icon-trash"></i></a>
            <!-- <a ui-sref="^.show({id: $index})"><i class="simple-icon-magnifier"></i></a> -->
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>